<template>
	<view class="tj">
		<nav-bar backColor="#000"></nav-bar>
		<view :class="['icon-box flex justify-center align-center', type == 0 ? '' : 'cuowu']">
			<view class="icon flex justify-center align-center">
				<image class="text" :src="type == 0 ? '../../static/images/baoming/dui.png' : '../../static/images/baoming/cuo.png'" mode=""></image>
			</view>
			<view class="title">
				<view class="name">{{ type == 0 ? '提交成功！' : '未通过审核' }}</view>
				<view class="tip" v-if="type == 0">您的报名信息已提交成功，请耐心等待审核</view>
			</view>
			<view class="tip-box" v-if="type != 0">
				<view class="">未通过原因</view>
				<view class="tip">{{ type == 3 ? '活动已结束' : name }}</view>
			</view>
		</view>

		<view class="btn-list">
			<view class="btn-cx flex align-center justify-center" v-if="type != 0" @tap="$wanlshop.on('/pages/baoming/baoming?type=look')">重新填写</view>
			<view class="btn-home">
				<view class="bg flex align-center justify-center" @tap="$wanlshop.on('/pages/index')">返回首页</view>
			</view>
		</view>
	</view>
</template>

<script>
import navBar from '@/components/common/navBar/index.vue'
export default {
	components: {
		navBar
	},
	data() {
		return {
			type: 0,
			name: ''
		};
	},
	onLoad(e) {
		this.type = +e.type || 0;
		this.name = e.name || '';
	}
};
</script>

<style lang="scss" scoped>
.tj {
	padding-top: 180rpx;
	min-height: 100vh;
	background-color: #f9f9f9;
	.text {
		width: 202rpx;
		height: 202rpx;
	}
	.icon-box {
		padding: 25rpx;
		flex-direction: column;
		margin: 0 auto;
		width: 700rpx;
		background: #ffffff;
		border-radius: 20rpx;
	}
	.title {
		margin: 50rpx 0;
		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 36rpx;
		color: #261332;
		line-height: 50rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		.name {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 36rpx;
			color: #261332;
			line-height: 50rpx;
			text-align: center;
			font-style: normal;
			text-transform: none;
		}
		.tip {
			margin-top: 20rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #979797;
			line-height: 36rpx;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}
	}
	.tip-box {
		border-radius: 15rpx 15rpx 0 0;
		padding: 30rpx 20rpx;
		width: 640rpx;
		background: rgba(#ff4949, 0.3);
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: rgba(233, 39, 39, 1);
		line-height: 36rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;

		.tip {
			margin-top: 10rpx;
			font-size: 26rpx;
			letter-spacing: 1.3rpx;
			line-height: 36.4rpx;
			color: #ff4949;
		}
	}
	.btn-list {
		margin-top: 300rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #fff;
		font-size: 30rpx;
		font-weight: 500;
		letter-spacing: 1.5rpx;
		line-height: 42rpx;
		.btn-cx {
			margin-bottom: 20rpx;
			width: 520rpx;
			height: 80rpx;
			opacity: 1;
			border-radius: 10rpx;
			background: linear-gradient(90deg, #ec5bff 0%, #fc79e6 100%);
			box-shadow: inset 0rpx 8rpx 10rpx 6rpx rgba(255, 252, 252, 0.3);
			border-radius: 200rpx 200rpx 200rpx 200rpx;
		}
		.btn-home {
			width: 520rpx;
			height: 80rpx;
			padding: 2rpx;
			background: #f66ef1;
			border-radius: 200rpx 200rpx 200rpx 200rpx;
			.bg {
				color: #f66ef1;
				border-radius: 200rpx 200rpx 200rpx 200rpx;
				width: 100%;
				height: 100%;
				background: #fff;
			}
		}
	}
}
</style>
